<%-- 
    Document   : login
    Created on : Jan 18, 2012, 5:10:48 PM
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <title>T R M S - TimeSheet &amp; Reimbursement Management System</title>
        <link rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css" />
        <link rel="stylesheet" href="css/jqtransform.css" type="text/css" media="all" />
        <link rel="stylesheet" href="css/global.css" type="text/css" media="all" />

		<script type='text/javascript' src='js/jquery.js'></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery.jqtransform.js"></script>
        <script type="text/javascript" src="js/notifier.js"></script>
        <script language="javascript">
            $(document).ready(function() {
                $('.jqTransform').jqTransform({
                    imgPath : 'images/'
                });
                notifierInst = new notifier($("#notifier"));
                <% String message = (String)request.getAttribute("message");
            	if (message != null) {
            	%>
            	notifierInst.showMessage("<%=message%>");
            	<%}
               %>
            });
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div class="container">
                <div class="content">
                    <div class="header">
                        <p class="fl page_header">T R M S</p>
                        <div class="clear"></div>
                    </div>
                    <div class="navWrapper loginPage">
                        <div class="leftNav">
                        <div class="notifier ui-helper-clearfix" id="notifier"></div>
                            <form name="login" class="jqTransform" action="login" method="post">
                                <h2 id="heading">Login Form</h2>
                                <div class="rowElem">
                                    <label for="username">User Name</label> 
                                    <input name="username" type="text" size="16" />
                                </div>
                                <div class="rowElem">
                                    <label for="password">Password</label> <input name="password" type="password"
                                                                                  size="16" />
                                </div>
                                <div class="rowElem btnRow">
                                    <input type="submit" value="Login" />
                                </div>
                            </form>
                        </div>
                        <div class="rightNav">
                            <img class="main_image" src="images/login.jpg" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
